<template>
    <div style="margin:260px auto">
        <!--<span>{{this.$route.params.errorType}}</span>-->
        <center>
            <svg-icon
                    :icon-class="'404'"
                    style="cursor: pointer;color:#248dc1;font-size:60px;"
            ></svg-icon>
            <h2>抱歉，页面载入失败</h2>
            <p style="color:#999">{{ this.$route.params.errorType }}</p>
            <el-button type="success" @click="goback" class="goback">返回</el-button>
        </center>
    </div>
</template>

<script>
    export default {
        name: "Error",
        methods: {
            goback: function (e) {
                console.log(e);
                this.$store.dispatch("user/signOut"); //通过调用Stroe中的user modules 声明的 signOut 来进行登出
                this.$router.push("/login");
            }
        }
    };
</script>

<style scoped>
    .goback {
        background: linear-gradient(to right, #07a6e3, #05b6f5);
        border-color: #5294ee;
    }
</style>
